<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="project">
        <!-- 最顶部 -->
        <div class="topmost"></div>
        <!-- 导航部分 -->
        <div class="nav">
            <img src="./image/index/logo1.png" alt="logo">
            <ul class="nav_ul">
                <li><a href="#">首页</a></li>
                <li><a href="#">关于鼎搜</a></li>
                <li><a href="#">鼎搜服务</a></li>
                <li><a href="#">鼎搜动态</a></li>
                <li><a href="#">鼎搜诚聘</a></li>
                <li><a href="#">鼎搜公益</a></li>
            </ul>
            <div class="search">

                <input type="search" class="sc">

            </div>
        </div>
        <!-- 轮播图 -->
        <div class="slideshow">
            <img src="../dingso/image/index/banner.png" alt="">
        </div>

        <!-- 内容部分 -->
        <main>

            <div class="main_top">
                <div class="line"></div>
                <div class="text">
                    <h3>我要转让</h3>
                    <b>WOYAOZHUANRANG</b>
                </div>
                <div class="line"></div>
            </div>
            <div class="main_content">
                <div class="left_log">
                    <!-- 登录 -->
                    <form action="#">
                    <ul>
                        <!-- 登录按钮 注册按钮 -->
                        <li>
                            <button>点击登录</button>
                            <button>点击注册</button>
                        </li>
                        <!-- 登录名 -->
                        <li>
                            <span>用户名：</span>
                            <input type="text">
                        </li>
                        <!-- 密码 -->
                        <li>
                            <span>密码：</span> &nbsp;&nbsp;
                            <input type="text">
                        </li>
                        <!-- 验证码 -->
                        <li>
                            <span>验证码：</span>
                            <input type="text">
                            <img src="./image/login/code.png" alt="">
                            <span>看不清？<a href="#">点击更换</a></span>
                        </li>
                        <!-- 有效期 单选框 -->
                        <li>
                            <span>有效期：</span>
                                <input type="radio"  name="deadline" id="month"  checked><label for="month"> 一个月</label>
                                <input type="radio" name="deadline" id="week" ><label for="week"></label>一周 </label> 
                                <input type="radio" name="deadline" id="day" ><label for="day"></label>一天 </label> 
                                <input type="radio" name="deadline" id="now" ><label for="now"></label>即可 </label>           
                            
                        </li>
                        <!-- 登录 -->
                        <li>
                            <button>登录</button>&nbsp;
                            <a href="#">忘记密码？</a>
                        </li>
                    </ul>
                </form>
                </div>
                <div class="right_img">
                    <img src="./image/detail/information (3).gif" alt="">
                </div>
            </div>

        </main>

        <!-- 尾部 -->
        <footer>
            <hr>
            <!-- 列表 -->
            <div class="footer">
                <ul>
                    <li>简介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
                <img src="./image/index/connect.png" alt="">
            </div>
            <div class="border-buttom">
                <span>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</span>
            </div>
        </footer>
    </div>
</body>

</html>